﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Master.Master" AutoEventWireup="true" CodeBehind="Videos.aspx.cs" Inherits="Administrador.Publicidad.Videos" %>

<asp:Content ID="Content1" ContentPlaceHolderID="contentHead" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="contentCuerpo" runat="server">
    <div class="jumbotron">
        <h1>Portal Administrativo Central
        </h1>
        <h3>Administración de Fondos de Pantalla
        </h3>
        <a data-toggle="modal" href="#myModal" class="btn btn-info">Cargar Nuevo Video</a>
        <br>
    </div>
    <div class="container">
        <div class="row clearfix">

            <div class="col-md-12 column">

                <table id="tblFondos" class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>Nombre</th>
                            <th>Video</th>
                            <th>Tiempo</th>
                            <th>Habilitado</th>
                            <th>Editar</th>
                            <th>Eliminar</th>

                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Pepsi
                            </td>
                            <td>
                                <center>                        
                                    <iframe width="220" height="145"src="https://www.youtube.com/embed/40DykbPa4Lc">
                                    </iframe>
                                <center>
                        <td>
                           1 Dia
                        <td>
                            Si
                        <td>
                           
                            <center>
                              <asp:Button ID="Button1" class="btn btn-primary btn-sm" runat="server" Text="Modificar"></asp:Button>
                            </center></td>

                            <td>
                           
                            <center>
                                <asp:Button ID="Button2" runat="server" Text="Eliminar" class="btn btn-danger btn-sm"></asp:Button>
                            </center></td>
                        </tr>
                        <tr>
                            <td>McDonald's
                            </td>
                            <td>
                                <center>                        
                                    <iframe width="220" height="145"src="https://www.youtube.com/embed/y9ajRIgTJNA">
                                    </iframe>
                                <center>
                        <td>
                           1 Dia
                        <td>
                            Si
                        <td>
                           
                            <center>
                              <asp:Button ID="Button3" class="btn btn-primary btn-sm" runat="server" Text="Modificar"></asp:Button>
                            </center></td>

                            <td>
                           
                            <center>
                                <asp:Button ID="Button4" runat="server" Text="Eliminar" class="btn btn-danger btn-sm"></asp:Button>
                            </center></td>
                        </tr>
                        <tr>
                            <td>Axe
                            </td>
                            <td>
                                <center>                        
                                    <iframe width="220" height="145"src="https://www.youtube.com/embed/9EKLR894oMs">
                                    </iframe>
                                <center>
                        <td>
                           1 Dia
                        <td>
                            Si
                        <td>
                           
                            <center>
                              <asp:Button ID="Button5" class="btn btn-primary btn-sm" runat="server" Text="Modificar"></asp:Button>
                            </center></td>

                            <td>
                           
                            <center>
                                <asp:Button ID="Button6" runat="server" Text="Eliminar" class="btn btn-danger btn-sm"></asp:Button>
                            </center></td>
                        </tr>

                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">Cargar un nuevo fondo</h4>
                </div>
                <div class="modal-body">
                    <div role="form">
                        <div class="form-group">
                            <label for="exampleInputEmail1">URL del video</label>
                            <input type="text" class="form-control" placeholder="video de youtube..." id="txtUrlVideo" />
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal">Subir Video</button>
                </div>
            </div>
            <!-- /.modal-content -->

            <script src="../js/plugins/datatables/jquery.dataTables.js" type="text/javascript"></script>
            <script src="../js/plugins/datatables/dataTables.bootstrap.js" type="text/javascript"></script>
            <script type="text/javascript">
                $(function () {

                    $("#tblFondos").dataTable();
                });
            </script>
    ';
		
</asp:Content>
